<template>
	<u-tabbar
	    v-if="renovationInfo.navigationList && renovationInfo.navigationList.length > 0"
		:value="value"
		:fixed="true"
		:placeholder="true"
		:safeAreaInsetBottom="true"
		z-index="999"
		activeColor="var(--color)"
	>
		<u-tabbar-item v-for="(item,index) in renovationInfo.navigationList" :key="index" :name="item.url" :text="item.name" @click="jump(item.url,'', 1)">
			<image class="u-page__item__slot-icon" mode="widthFix" slot="inactive-icon" :src="item.iconNoSelected">
			</image>
			<image class="u-page__item__slot-icon" mode="widthFix" slot="active-icon" :src="item.iconSelected">
			</image>
		</u-tabbar-item>
	</u-tabbar>
</template>

<script>
	import { mapState } from "vuex";
	export default {
		props: {
			value: {
				type: String ,
				default: '/pages/index/index'
			},
		},
		computed: mapState(["renovationInfo"]),
		methods: {
			jump(url, params, a) {
				// this.$app.jump(url, params, a);
				this.$emit("bacBtn",url);
			}
			
		}
	}
</script>
<style lang="scss" scoped>
	.u-page__item__slot-icon {
		width: 50rpx;
		height: 50rpx;
	}
	
	#tabs .u-tabbar-item {
		font-size: 20rpx !important;
	}
</style>